/*@media (min-width: 1px) {
    .svg-container {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100% !important;
        vertical-align: top;
        overflow: hidden;
    }

        .svg-container svg {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
        }
}*/

.img-map-container {
    display:none;
}

@media (max-width: 1px) {
    .svg-container {
        padding-bottom: 0 !important;
    }
}

text {
    font-family: 'PT Sans', sans-serif;
}

.hidden {
    display: none;
}

.chart-pointer {
    cursor: pointer;
}

g.labels text, g.labels rect, g.labels circle, text.multipoint, rect.bgbar {
    pointer-events: none;
}

g.label.line rect, .labelBG {
    fill: white;
}

.chart-tooltip {
    line-height: 1;
    font-weight: bold;
    padding: 4px;
    background-color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    color: #333;
    border-radius: 2px;
    border: 1px solid #999;
    font-size: 12px;
    position: absolute;
    z-index: 999999;
    overflow:hidden;
}

.labels text, g.points text {
    pointer-events: none;
}

g.bar .label.middle {
    text-anchor: middle;
}

g.bar .label.start {
    text-anchor: start;
}

g.area, g.bar > rect, g.points > .point {
    transition: opacity 0.5s;
}

    g.area.hover, g.bar.hover > rect, g.points > .point.hover {
        stroke: #000;
        stroke-width: 1px;
        stroke-opacity: 0.5;
        z-index: 999;
        /*fill:#ff0000 !important;*/
        /*opacity: 0.6;*/
    }

g.radar {
    fill-opacity: 0.3;
    stroke-opacity: 1;
}

    g.radar text {
        fill-opacity: 1;
    }

    g.radar.line {
        stroke-opacity: 0.6;
        fill-opacity: 0;
    }

    g.radar.hover {
        fill-opacity: 0.8;
    }

    g.radar.line.hover {
        stroke-opacity: 0.9;
        fill-opacity: 0;
    }

    g.radar.empty {
        fill-opacity: 0;
    }

        g.radar.empty text {
            fill-opacity: 0;
        }

    g.radar.line.empty {
        stroke-opacity: 0.2;
        fill-opacity: 0;
    }

g.elements line.average, g.elements line.regression, g.elements g.avgline, g.label.pie rect.labelBG {
    pointer-events: none;
}




.maphover {
    fill: gray !important;
}

.mapcontainer {
    display: inline-block;
    font-size: 10px;
}



.maplegend {
    display: inline-block;
    float: left;
}

.maplegendempty {
    display: inline-block;
    margin-left: 20px;
    margin-top: 10px;
}

.mapemptycolor {
    width: 40px;
    height: 15px;
    display: inline-block;
    float: left;
}

.mapemptyvalue {
    display: inline-block;
    margin-left: 5px;
}

.maplegend .legendlist .listitem {
    float: left;
    border-top-width: 15px;
    border-top-style: solid;
    color: black;
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
}

    .maplegend .legendlist .listitem:first-child, .legendunit {
        margin-left: 12px;
    }

    .maplegend .legendlist .listitem .legenditem {
        margin-left: -12px;
    }

    .maplegend .legendlist .listitem.max {
        width: 0px;
    }

.mapsearch, .mapselect {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    margin: 0em 0.5em 0.5em 0em;
    position: relative;
    padding: 0.1em 0em;
    text-decoration: none;
    color: rgb(40, 40, 40);
    display: inline-block;
    min-width: 200px;
    max-width: 400px;
}

    .mapselect.period {
        min-width: 50px;
    }

.mapresetzoom {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    margin: 0em 0.5em 0.5em 0em;
    position: relative;
    padding: 0.1em 0em;
    text-decoration: none;
    color: rgb(40, 40, 40);
    display: inline-block;
}

.mapsearch .inputareasearch, .mapselect .mapselected {
    border: none;
    padding-left: 5px;
    background-color: white;
}

.mapsearch .showallarea, .mapselect .openmapselect {
    background-color: white;
    opacity: 1;
    border: none;
    cursor: pointer;
    float: right;
}

.mapresetzoom .resetzoom {
    background-color: white;
    opacity: 1;
    border: none;
    cursor: pointer;
    display: inline-block;
}

.mapselect {
    cursor: pointer;
}

.mapselected {
    display: inline-block;
}

.mapsearch .searchresults, .mapselect .mapselectlist {
    display: block;
    outline: 1px solid rgb(204, 204, 204);
    position: absolute;
    z-index: 1;
    max-height: 300px;
    overflow-y: scroll;
    background-color: white;
    padding-left: 5px;
    margin-top: 3px;
}

    .mapsearch .searchresults.hidden, .mapselect .mapselectlist.hidden {
        display: none;
    }

    .mapsearch .searchresults .searchitem, .mapselect .mapselectlist .selectitem {
        width: 100%;
        background-color: white;
        opacity: 1;
        text-align: left;
        border: none;
        line-height: 30px;
        cursor: pointer;
    }


    
.graph-icon {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    margin-right: 10px;
    vertical-align: bottom;
    cursor: pointer;
}

.graph-icon i {
	font-size: 18px;
    line-height: 18px;
	vertical-align: bottom;
}

/* Ranking bar */
.rankingchart {
	height: 300px;
	bottom: 0;
    width: 100%;
}